<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/style/sy.css"/>
		<link rel="stylesheet" type="text/css" href="../bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="big">
			<header>
				<div>
					<span class="glyphicon glyphicon-th-list"></span>
				</div>
				<div>
					<span class="glyphicon glyphicon-search"></span>
					<input type="text" id="searchInput"/>
				</div>
				<div>
					<a href="购物车.html" class="glyphicon glyphicon-shopping-cart"></a> | 
					<a href="#">北京</a>
				</div>
			</header>
			
			<main>
				<div>
					
					<div id="banner" class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="../img/a1.png"/>
							</div>
							<div class="swiper-slide">
								<img src="../img/a2.png"/>
							</div>
							<div class="swiper-slide">
								<img src="../img/a3.png"/>
							</div>
							<div class="swiper-slide">
								<img src="../img/a4.png"/>
							</div>
							<div class="swiper-slide">
								<img src="../img/a5.png"/>
							</div>
							<div class="swiper-slide">
								<img src="../img/a6.png"/>
							</div>
						</div>
						<div class="swiper-pagination"></div>
						
					</div>
					
					<ul id="option">
						<li>
							<img src="../img/1.png"/><br />
							<span>母婴玩具</span>
						</li>
						<li>
							<img src="../img/2.png"/><br />
							<span>休闲零食</span>
						</li>
						<li>
							<img src="../img/3.png"/><br />
							<span>酒水乳品</span>
						</li>
						<li>
							<img src="../img/4.png"/><br />
							<span>粮油副食</span>
						</li>
						<li>
							<img src="../img/5.png"/><br />
							<span>洗护美妆</span>
						</li>
						<li>
							<img src="../img/6.png"/><br />
							<span>家具用品</span>
						</li>
						<li>
							<img src="../img/7.png"/><br />
							<span>纸品家清</span>
						</li>
						<li>
							<img src="../img/8.png"/><br />
							<span>家用电器</span>
						</li>
						<li>
							<img src="../img/9.png"/><br />
							<span>进口食品</span>
						</li>
						<li>
							<img src="../img/10.png"/><br />
							<span>出游季</span>
						</li>
					</ul>
					
					<div id="toDay">
						<div>
							<img src="../img/cont_03.png"/>
							<p>12点场剩余时间</p>
							<div>
								<p id="h">
									<span>0</span>
									<span>0</span>
								</p>
								<p id="m">
									<span>0</span>
									<span>0</span>
								</p>
								<p id="s">
									<span>0</span>
									<span>0</span>
								</p>
							</div>
						</div>
						<div>
							<p>
								<span>生鲜区</span>
								<br />
								<span>买二免一</span>
								<br />
								<span>爆款直降</span>
							</p>
							<div>
								<img src="../img/shengxian.png"/>
							</div>
						</div>
						<div>
							<img src="../img/zhijin.png"/>
						</div>
						<div>
							<div>
								
								<span>好货</span><br />
								<span>超市热卖</span>
								<img src="../img/cont_12.png"/>
								
							</div>
							
							<div>
								
								<span>好货</span><br />
								<span>超市热卖</span>
								<img src="../img/cont_14.png"/>
								
							</div>
							
							<div>
								
								<span>好货</span><br />
								<span>超市热卖</span>
								<img src="../img/cont_16.png"/>
								
							</div>
						</div>
					</div>
					
					<div id="ten">
						<div>
							<img src="../img/cont_22.png"/><br />
							<a href="#">买贵赔十倍>></a>
						</div>
						<div>
							<div>
								<img src="../img/cont_23.png"/>
							</div>
							<div>
								<img src="../img/cont_25.png"/>
							</div>
							<div>
								<img src="../img/cont_26.png"/>
							</div>
						</div>
					</div>
					
					
				</div>
			</main>
			
			
			
			<footer>
				<div class="f">
					<img src="../img/JJ_03.png"/>
					<br />
					<a href="#">首页</a>
				</div>
				<div class="f">
					<img src="../img/JJ_05.png"/>
					<br />
					<a href="#">物流</a>
				</div>
				<div class="f">
					<img src="../img/JJ_07.png"/>
					<br />
					<a href="购物车.html">购物车</a>
				</div>
				<div class="f">
					<img src="../img/JJ_09.png"/>
					<br />
					<a href="#">我的淘宝</a>
				</div>
				<div class="f">
					<img src="../img/JJ_11.png"/>
					<br />
					<a href="#">更多</a>
				</div>
				
			</footer>
		</div>
	
	
	
	
	
	<script>
		(function(doc, win){
	        var docEl = doc.documentElement,
	            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	            recalc = function(){
	                var clientWidth = docEl.clientWidth;
	                if(!clientWidth) return;
	                docEl.style.fontSize = 100 * (clientWidth / 330) + 'px';
	            };
	        if(!doc.addEventListener) return;
	        win.addEventListener(resizeEvt, recalc, false);
	        doc.addEventListener('DOMContentLoaded', recalc, false);
	    })(document, window);
		
		var mySwiper = new Swiper("#banner",{
			autoplay : 1000,
			effect : 'fade',
			autoplayDisableOnInteraction : false,
			pagination :".swiper-pagination",
			loop : true
			
		})
		
		$("#option>li").click(function(){
			var ind = $(this).index();
			localStorage.setItem("num",ind);
			location.href = '商品列表.html'
		})
	</script>
	</body>
</html>
